<!DOCTYPE html> 
<html lang="en"> 

<head> 

<meta charset="UTF-8" />
<meta name="robots" content="index, follow" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<!-- page title, displayed in your browser bar -->
<title>MINGYANG</title>


<!-- add css stylesheets -->	
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"/>

<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<!--[if lte IE 6]>
	<style>#top, #bottom, #left, #right { display: none; }</style>
<![endif]-->

<!--[if IE]> 
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 

<!--[if lte IE 7]> 
	<script src="js/IE8.js" type="text/javascript"></script>
<![endif]--> 

<!--[if lt IE 7]>  
	<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/>
<![endif]--> 


<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- jquery -->
<script type='text/javascript' src='js/jquery.js'></script>

<!-- fancy box -->
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<!-- easing -->
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>

<!-- Tabs -->
<script type="text/javascript" src="js/jquery.tools.min.js"></script>

<!-- custom script -->
<script type='text/javascript' src='js/scripts.js'></script>

<!-- quote rotator -->
<script type='text/javascript' src='js/jquery.quovolver.js'></script>

<!-- FlexiSlider -->
<script type="text/javascript" src="js/jquery.flexslider.js"></script>

<!-- Twitter -->
<script type="text/javascript" src="js/twitter.js"></script>

<!-- Flickr  -->
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>

<!-- isotope  -->
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>

<!-- image preloader  -->
<script type="text/javascript" src="js/jquery.preloader.js"></script>

<!-- google webfont font replacement -->
<link href='http://fonts.googleapis.com/css?family=Armata' rel='stylesheet' type='text/css'>

</head>

<body id="top">

	<div id="content">
	
		<!-- Main Header -->
		<header id="main-header">
			
			<!-- Head Container -->
			<div class="container_wrap" id="header">
				<div class="container">
					<h1 class="logo bg-logo">
						<a href="index.html">
							<img src="images/logo.png" alt=""/>
						</a>
					</h1>
					<div class="main_menu">
						<div>
							<ul class="menu">
								<li><a href="index.html" class="current">主页</a>
									<ul>
										<li><a href="index_v2.html">一页</a></li>
										<li><a href="index_v3.html">二页</a></li>
										<li><a href="index_v4.html">三页</a></li>
									</ul>
								</li>
								<li><a href="blog.html">原创·诗歌</a>
									<ul>
										<li><a href="blog-standard-post.html">一千年</a></li>
										<li><a href="blog-link-post-type.html">花和雨</a></li>
										<li><a href="blog-quote-post-type.html">梦乡</a></li>
										<li><a href="blog-gallery-post-type.html">相册页</a></li>
									</ul>
								</li>
								<li><a href="#">个人页面</a>
									<ul>
										<li><a href="#">Responsive Sliders</a>
											<ul>
												<li><a href="slider-flexslider.html">FlexSlider</a></li>
												<li><a href="slider-wmuslider.html">wmuSlider</a></li>
											</ul>
										</li>
										<li><a href="#">Features</a>
											<ul>
												<li><a href="notifictions.html">Notifications</a></li>
												<li><a href="styled-lists.html">Styled Lists</a></li>
												<li><a href="typography.html">Typography</a></li>
												<li><a href="columns.html">Columns</a></li>
												<li><a href="icon-headings.html">Icon Headings</a></li>
												<li><a href="buttons.html">Buttons</a></li>
												<li><a href="tabs-toggles.html">Tabs &amp; Toggles</a></li>
												<li><a href="right-sidebar.html">Right Sidebar Layout</a></li>
												<li><a href="left-sidebar.html">Left Sidebar Layout</a></li>
											</ul>
										</li>
										<li><a href="about.html">关于我</a></li>
										<li><a href="team.html">我的项目</a></li>
										<li><a href="services.html">服务</a></li>
										<li><a href="pricing-table.html">Pricing Table</a></li>
										<li><a href="testimonials.html">Testimonials</a></li>
										<li><a href="404.html">Error 404</a></li>
									</ul>
								</li>
								<li><a href="#">文件夹</a>
									<ul>
										<li><a href="portfolio-standard-4col.html">Portfolio Standard 4 Columns</a></li>
										<li><a href="portfolio-standard-3col.html">Portfolio Standard 3 Columns</a></li>
										<li><a href="portfolio-standard-2col.html">Portfolio Standard 2 Columns</a></li>
										<li><a href="portfolio-sortable-4col.html">Portfolio Sortable 4 Columns</a></li>
										<li><a href="portfolio-sortable-3col.html">Portfolio Sortable 3 Columns</a></li>
										<li><a href="portfolio-sortable-2col.html">Portfolio Sortable 2 Columns</a></li>
										<li><a href="project.html">Project Page</a></li>
									</ul>
								</li>
								<li><a href="contact.html">联系我</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- End Head Container -->

			<!-- Page Title Container -->
			<div class="container_wrap" id="page-title">
				<div class="container">
					<div class="full">
						<h2>Typography</h2>
					</div>
				</div>	
			</div>
			<!-- End Page Title Container -->

		</header>
		<!-- End Main Header -->

		<!-- Main Container -->
		<section id="main-content">

			<!-- Container -->
			<div id="container">
				
				<!-- Begin Typography  -->
				<div class="container"  id="full-content">
				
					<div class="entry-title">
						<h5><span>TYPOGRAPHY</span></h5>
					</div>
					
					<h1>H1 Tag Header</h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper.</p>
							
					<h2>H2 Tag Header</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper.</p>
							
					<h3>H3 Tag Header</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper.</p>
							
					<h4>H4 Tag Header</h4>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper.</p>
							
					<h5>H5 Tag Header</h5>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper.</p>
							
					<h6>H6 Tag Header</h6>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper.</p>
					
					<div class="entry-title">
						<h5><span>DROPCAP</span></h5>
					</div>
					<p><span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper. Ut scelerisque ullamcorper enim, non pharetra ante tincidunt vel. Duis tempor lectus lectus. Integer orci enim, vestibulum non semper eu, adipiscing vel nulla. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					
					<div class="entry-title">
						<h5><span>FRAME LEFT</span></h5>
					</div>
					<div class="frame_left"><a href="#" class="img_frame"><img src="images/typo2.html" alt=""/></a><span class="caption">Lorem ipsum</span></div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper. Ut scelerisque ullamcorper enim, non pharetra ante tincidunt vel. Duis tempor lectus lectus. Integer orci enim, vestibulum non semper eu, adipiscing vel nulla. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper. Ut scelerisque ullamcorper enim, non pharetra ante tincidunt vel. Duis tempor lectus lectus. Integer orci enim, vestibulum non semper eu, adipiscing vel nulla. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					
					<div class="entry-title">
						<h5><span>FRAME RIGHT</span></h5>
					</div>		
					<div class="frame_right"><a href="#" class="img_frame"><img src="images/typo1.html" alt=""/></a><span class="caption">Lorem ipsum</span></div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper. Ut scelerisque ullamcorper enim, non pharetra ante tincidunt vel. Duis tempor lectus lectus. Integer orci enim, vestibulum non semper eu, adipiscing vel nulla. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper. Ut scelerisque ullamcorper enim, non pharetra ante tincidunt vel. Duis tempor lectus lectus. Integer orci enim, vestibulum non semper eu, adipiscing vel nulla. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
							
					<div class="entry-title">
						<h5><span>FRAME CENTER</span></h5>
					</div>
					<div class="frame_center"><a href="#" class="img_frame"><img src="images/header.png" alt=""/></a><span class="caption">Lorem ipsum</span></div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper. Ut scelerisque ullamcorper enim, non pharetra ante tincidunt vel. Duis tempor lectus lectus. Integer orci enim, vestibulum non semper eu, adipiscing vel nulla. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper. Ut scelerisque ullamcorper enim, non pharetra ante tincidunt vel. Duis tempor lectus lectus. Integer orci enim, vestibulum non semper eu, adipiscing vel nulla. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
							
					<div class="entry-title">
						<h5><span>HIGHLIGHT</span></h5>
					</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. <span class="highlight_red">Nulla cursus justo</span> id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. <span class="highlight_black">Aliquam quis quam</span> dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper. Ut scelerisque ullamcorper enim, non pharetra ante tincidunt vel. Duis tempor lectus lectus. Integer orci enim, vestibulum non semper eu, adipiscing vel nulla. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
			          
					<div class="entry-title">
						<h5><span>QUOTE TEXT</span></h5>
					</div>
					<blockquote>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac mattis nisl. Nulla cursus justo id eros luctus imperdiet id eget tellus. Nullam sit amet neque elementum nunc sollicitudin facilisis. Aliquam quis quam dui, vitae condimentum quam. Duis malesuada nisi vel quam gravida euismod feugiat sem semper. Ut scelerisque ullamcorper enim, non pharetra ante tincidunt vel. Duis tempor lectus lectus. Integer orci enim, vestibulum non semper eu, adipiscing vel nulla. Phasellus pharetra facilisis nulla, vel sagittis tortor facilisis sit amet. Vestibulum consectetur ante quis arcu ullamcorper nec elementum quam malesuada. Aenean nec erat leo, non imperdiet sapien. Praesent sit amet odio sem.</p>
					</blockquote>
					
				</div>
				<!-- End Typography -->
				
				<!-- Footer Container -->
				<footer class="container_wrap" id="footer">
				
					<!-- Begin Footer -->
					<div class="container">
					
						<div class="one_fourth first column_container">
							<div class="widget">
								<div class="widget-title">博客导航</div>
								<div class="widget-content links">
									<ul>
										<li><a href="#">首页</a></li>
										<li><a href="about.html">关于我</a></li>
										<li><a href="services.html">服务项目</a></li>
										<li><a href="contact.html">联系我</a></li>
									</ul>
								</div>
							</div>	
						</div>	
						
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">近期热点</div>
								<div class="widget-content archive">
									<ul class="news-wrap">
										<li class="news-content">
											<a class="news-link" title="" href="https://mp.weixin.qq.com/s/Fx-zSlQ_3iXG3ikGtt6qNw">
												<strong class="news-headline">10年，4次，超6级！为何四川频发强震？<span class="news-time">2017-08-10 云生活助手</span></strong>
											</a>
										</li>
										<li class="news-content">
											<a class="news-link" title="" href="http://imims.top/?p=263">
												<strong class="news-headline">陈奕迅 《谁来剪月光》、《海胆》320KB MP3下载<span class="news-time">2017-8-12 imims博客</span></strong>
											</a>
										</li>
										<li class="news-content">
											<a class="news-link" title="" href="http://blog.sina.com.cn/s/blog_70ca4aca0102wxw0.html">
												<strong class="news-headline">VPNGate 日本教育部大学开源资助项目，全速2MB/s<span class="news-time">2017-08-02 sina博客</span></strong>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">最新动态</div>
								<div class="widget-content archive">
									<ul class="news-wrap" id="twitter_update_list">
										<li><p>请等待....我的动态正在加载<img src="images/indicator-white.gif" alt="loading"/></p></li>
									</ul>
									<p><span class="follow-twitter"><a href="http://weibo.com/1892305610/">Follow Me +</a></span></p>
								</div>
							</div>
						</div>
							
						<div class="one_fourth column_container">
							<div class="widget">
								<div class="widget-title">软件博客</div>
								<div class="widget-content">
									<ul id="flickr_widget">
									</ul>
									<p><span class="follow-twitter"><a href="http://www.imims.top/">imims博客站</a></span><p>
								</div>
							</div>
						</div>
						
					</div>
					<!-- End Footer -->
				
				</footer>
				<!-- End Footer Container -->
				
				<!-- Socket Container -->
				<div class="container_wrap" id="socket">
				
					<!-- Begin Copyright -->
					<div class="container">
						<span class="copyright">&copy; Copyright &copy; 2017.Company IMIMS All rights reserved.<a target="_blank" href="http://weibo.com/233130122" title="weibo">45du忧桑</a> Collect from <a href="http://www.imims.top/" title="创建者" target="_blank">MINGYANG</a></span>
						
						<div class="backtop">
							<a href="#backtop">Top</a>
						</div>
					</div>
					<!-- End Copyright -->
				
				</div>
				<!-- End Socket Container -->

			</div>
			<!-- End Container -->

		</section>	
		<!-- End Main Container -->
	
	</div>
	

</body>
</html>